@font-face { font-family: "Microsoft Yahei", 微软雅黑; src: url("oswaldbold.eot"); src: url("oswaldbold.eot") format("embedded-opentype"), url("oswaldbold.woff2") format("woff2"), url("oswaldbold.woff") format("woff"), url("oswaldbold.ttf") format("truetype"), url("oswaldbold.svg#oswaldbold") format("svg"); }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { width: 100%; overflow-x: hidden; line-height: 1.2; font-family: "Microsoft Yahei", 微软雅黑; font-size: 16px; font-size: 1.6rem; color: black; }

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

a:hover { color: #d9251c; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: "Microsoft Yahei", 微软雅黑; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

/* .c-xx start */
.cl {float:none;clear:both;}
.c-fl { float: left; }

.c-fr { float: right; }

.c-cb { clear: both; }

.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

.c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.c-bbx { -moz-box-sizing: border-box; box-sizing: border-box; }

.c-pr { position: relative; }

.c-mt-5 { margin-top: 5px; }

.c-mt-10 { margin-top: 10px; }

.c-mt-15 { margin-top: 15px; }

.c-mt-20 { margin-top: 20px; }

.c-mt-25 { margin-top: 25px; }

.c-mt-30 { margin-top: 30px; }

.c-mt-35 { margin-top: 35px; }

.c-mt-40 { margin-top: 40px; }

.c-mt-45 { margin-top: 45px; }

.c-mt-50 { margin-top: 50px; }

.c-nomt { margin-top: 0 !important; }

.c-nomr { margin-right: 0 !important; }

.c-nomb { margin-bottom: 0 !important; }

.c-noml { margin-left: 0 !important; }

.c-nofont { line-height: 0; font-size: 0; }

.c-nobg { background: none !important; }

.fwb {font-weight:bold;}
.line26 {line-height:26px;}
.center {text-align:center;}
/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }

@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } }

@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } }

/* .f-xx end */
/* .m-xx start */
.m-desc { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc a { color: #d9251c; }

.m-desc a:hover { text-decoration: underline; }

.m-desc p { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc span { font-size: 14px; font-size: 1.4rem; color: #333; line-height: 30px; }

.m-desc b { font-size: 22px; font-size: 2.2rem; color: #333; line-height: 30px; }

.m-desc a { font-size: 14px; font-size: 1.4rem; color: #fb7000; line-height: 30px; }

.m-desc img { max-width: 100%; }

.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }

.m-desc table { width: 90%; border-collapse: collapse; line-height: 22px; border: 0px solid #ccc;  margin-right: auto; }

.m-desc table tr td { padding: 3px; border: 0px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .m-tt1 { font-size: 24px !important; font-size: 2.4rem !important; }
  .m-tt2 { font-size: 20px !important; font-size: 2rem !important; }
  .m-tt3 { font-size: 18px !important; font-size: 1.8rem !important; }
  .m-desc1 { font-size: 16px !important; font-size: 1.6rem !important; }
  .m-desc2 { font-size: 14px !important; font-size: 1.4rem !important; }
  [class*="-item"] .item-title { font-size: 14px; font-size: 1.4rem; }
  [class*="-item"] .item-desc { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-link { font-size: 13px; font-size: 1.3rem; }
  [class*="-item"] .item-modal { display: none; } 
  
  .m-desc iframe { height:auto !important; }
  }

/* .m-xx end */
/* .j-xx start */
.j-offset-top { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

.j-offset-top.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.j-offset-left { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; }

.j-offset-left.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

.j-offset-right { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }

.j-offset-right.run { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

.j-lazy { min-width: 20%;max-height:296px;}
.purvey .j-lazy {max-height:235px;}
.purvey .list-item {height:370px;}
.purvey .item-top {height:235px;}

@media screen and (min-width: 960px) and (max-width: 1219px) { .j-lazy { min-width: 20%;max-height:16vw;width:100%;} }

@media screen and (min-width: 768px) and (max-width: 959px) { .j-lazy { min-width: 20%;max-height:24vw;width:100%;} }

@media screen and (max-width: 767px) { .j-lazy { min-width: 20%;max-height:35vw;width:100%;} }

/* .j-xx end */
[class*="-item"] .item-pic { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms;}
[class*="-item"] .item-pic .images{ width: 446px;height:275px;}
[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a:hover { color: #d9251c; }

[class*="-item"] .item-desc { overflow: hidden; }

[class*="-item"] .item-desc a { display: block; }

[class*="-item"] .item-desc a:hover { color: #d9251c; }

.g-hd { position: relative; z-index: 9; }

.m-hdbox { overflow: visible; }

.m-hdlogo { float: left; display: block; width: 238px; }

.m-hdfix1 { float: right; }

.m-hdfix2 { float: right; padding-top: 12px; line-height: 24px; }

.m-hdinfo { float: left; margin-right: 12px; }

.m-hdinfo .info-item { float: left; padding-left: 27px; font-size: 14px; font-size: 1.4rem; color: #666; background-repeat: no-repeat; background-position: left center; }

.m-hdinfo .info-item a { color: #666; }

.m-hdinfo .info-item a:hover { color: #d9251c; }

.m-hdinfo .info-item1 { margin-right: 31px; background-image: url("hicon1.png"); }

.m-hdinfo .info-item2 { background-image: url("hicon2.png"); }

.m-hdshare { float: left; }

.m-hdshare .share-item { float: left; margin-left: 8px; font-size: 0; line-height: 0; display: block; }

.m-hdshare .share-item:first-child { margin-left: 0; }

.m-hdshare .share-item:hover { margin-top: -5px; }

.m-hdfix3 { padding-top: 28px; }

.m-hdnav { float: left; }

.m-hdnav .nav-item { position: relative; float: left; margin: 0 26px; }

.m-hdnav .nav-item > a { position: relative; display: block; padding: 0 5px; height: 48px; line-height: 28px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; overflow: hidden; }

.m-hdnav .nav-item > a:before { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 3px; background-color: #d9251c; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hdnav .nav-item > a:hover { color: #d9251c; }

.m-hdnav .nav-item > a:hover:before { bottom: 0; }

.m-hdnav .nav-item > a.current { color: #d9251c; }

.m-hdnav .nav-item > a.current:before { bottom: 0; }

.m-hdnav .nav-item > a.active { color: #d9251c; }

.m-hdnav .nav-item > a.active:before { bottom: 0; }

.m-hdnav .sbnav-list { position: absolute; display: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hdnav .sbnav-wp { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.m-hdnav .sbnav-list1 { top: 100%; left: 50%; margin-left: -55px; width: 180px; }

.m-hdnav .sbnav-list2 { top: 0; left: 101%; width: 150px; }

.m-hdnav .sbnav-item {position: relative;}

.m-hdnav .sbnav-item a { display: block; padding: 5px 15px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #333; border-top: 1px solid #333; }

.m-hdnav .sbnav-item a:hover { color: #fff; background-color: #d9251c; border-color: #d9251c; }

.m-hdnav .sbnav-item a.active { color: #fff; background-color: #d9251c; border-color: #d9251c; }

.m-hdnav .sbnav-item:first-child > a { border-top: none; }

.m-hdsch { position: relative; float: right; height: 48px; }

.m-hdsch .sch-btn { display: block; width: 28px; height: 28px; border-radius: 50%; background: #d9251c url("sch1.png") no-repeat center; }

.m-hdsch .sch-form { position: absolute; right: 0; top: 100%; display: none; width: 335px; background-color: #fff; overflow: hidden;padding-bottom:2px; }

.m-hdsch .form-text { float: left; width: 215px; height: 34px; line-height: 34px; padding: 0 10px; font-size: 12px; font-size: 1.2rem; font-style: italic; color: #666; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-hdsch .searchaction {float:left;width:70px;height:34px;margin:0px 5px;}
.m-hdsch .form-btn { float: right; width: 40px; height: 34px; background: url("sch1.png") no-repeat center; background-color: #d9251c; }

@media screen and (max-width: 1219px) { .m-hdlogo { width: 187px; padding-top: 10px; }
  .m-hdnav .nav-item { margin: 0 16px; }
  .m-hdnav .nav-item > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 959px) { .m-hdfix1 { display: none; }
  .m-hdlogo { float: none; width: 100%; padding: 10px 0; text-align: center; }
  .m-hdlogo img { width: 150px; }
  .m-hdshare { float: none; padding-left: 15px; margin-top: 10px; } }

.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span {     font-family: "Microsoft Yahei", 微软雅黑; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff;padding:5px; }

.wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 50%; height: 26px; line-height: 26px; display: block; float: left; }
.wap-nav .nav .searchaction {float:left;width:60px;height:26px;margin:0px 5px;}
.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("sch2.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.wap-nav .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("shizi.png") no-repeat center center; }

.wap-nav .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.wap-nav .menubtn {display:none\9;}
.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #d9251c; }
@media screen and (min-width: 960px) { .wap-nav, .menubtn { display: none; } }

@media screen and (max-width: 959px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #d9251c; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 30px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #d9251c; } }

.banner { position: relative; z-index: 2; font-size: 0; }

.banner .slick-dots { position: absolute; left: 0; bottom: 11px; width: 100%; text-align: center; }

.banner .slick-dots li { margin: 0 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.banner .slick-dots li.slick-active a { background-image: url("dot2.png"); }

.banner .slick-dots a { display: block; width: 20px; height: 20px; background: url("dot1.png") no-repeat center; background-size: cover; font-size: 0; cursor:pointer; }

.banner.hide { display: none; }
.banner-img {width:100%}
@media screen and (max-width: 959px) { .banner { display: block; }
  .banner.hide { display: block; }
  .n-banner { display: none; } }

.m-htt { position: relative; margin-bottom: 37px; padding-bottom: 21px; text-align: center; font-size: 40px; font-size: 4rem; font-family: "Microsoft Yahei", 微软雅黑; text-transform: uppercase; }

.m-htt a { color: #333; }

.m-htt a:hover { color: #d9251c; }

.m-htt:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 102px; height: 3px; background-color: #d9251c; }

@media screen and (max-width: 767px) { .m-htt { margin-bottom: 30px; font-size: 24px; font-size: 2.4rem; } }

.m-hpro { padding-top: 60px; padding-bottom: 67px; background-color: #1b1b1b; }

.m-hpro .box-title a { color: #fff; }

.m-hpro .box-list { margin-bottom: -49px; overflow: hidden; }

.m-hpro .list-item { position: relative; float: left; margin-right: 3.08333%; margin-bottom: 49px; width: 31.25%; overflow: hidden; }

.m-hpro .list-item:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.m-hpro .list-item:hover .item-title { bottom: 100%; }

.m-hpro .list-item:hover .item-modal { top: 0; }

.m-hpro .item-title { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #d9251c; background-color: rgba(217, 37, 28, 0.7); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hpro .item-title a { display: block; height: 40px; line-height: 40px; padding: 0 5px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-hpro .item-modal { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgba(217, 37, 28, 0.5); background-color: #d9251c \9; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hpro .item-text { position: relative; top: 50%; margin-top: -45px; padding-top: 70px; padding-left: 5px; padding-right: 5px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; overflow: hidden; background: url("rm1.png") no-repeat center top; }

.m-hpro .item-text a { color: #fff; }

@media screen and (max-width: 640px) { .m-hpro { padding: 30px 0; }
  .m-hpro .box-list { margin-bottom: -25px; }
  .m-hpro .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 48%; }
  .m-hpro .item-title a { height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } }

.m-hproj { padding-top: 62px; padding-bottom: 66px; overflow: hidden; background-color: #f2f2f2; }

.m-hproj .box-list { margin-bottom: -21px; overflow: hidden; }

.m-hproj .list-item { position: relative; float: left; margin-right: 1.91667%; margin-bottom: 21px; overflow: hidden; }

.m-hproj .list-item:hover .item-title { top: 0; }

.m-hproj .list-item1 { width: 49%; min-height:16vw;}

.m-hproj .list-item2 { width: 32%; }

.m-hproj .item-title { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #d9251c; background-color: rgba(217, 37, 28, 0.5); -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-hproj .item-title span { position: relative; top: 50%; margin-top: -30px; display: block; height: 30px; line-height: 30px; padding: 0 5px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.m-hproj .item-title a {
    position: relative;
    top: 50%;
    margin-top: -15px;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-hproj .item-title span:hover { color: #fff; }

@media screen and (max-width: 767px) { .m-hproj { padding: 30px 0; }
  .m-hproj .item-title { position: relative; top: 0; height: auto; }
  .m-hproj .item-title a { top: 0; margin-top: 0; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 320px) { .m-hproj .list-item { margin-left: 0; margin-right: 0; width: 100%; } }

.m-hfix1 { height: 825px; padding-top: 91px; padding-bottom: 30px; -moz-box-sizing: border-box; box-sizing: border-box; background: url("bg1.png") no-repeat center; background-size: cover; background-color: #333; }

@media screen and (max-width: 959px) { .m-hfix1 { height: auto; padding-top: 30px; background-image: url("bg2.png"); } }

.m-habt { overflow: hidden; }

.m-habt .box-video { float: left; margin-right: 4.33333%; width: 446px;height:275px; border: 5px solid #fff;-moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.7);background:url('bg_idx_aboutus.jpg') no-repeat center;}

.m-habt .box-text { padding-top: 12px; overflow: hidden; color: #999;}

.m-habt .box-title { font-family: "Microsoft Yahei", 微软雅黑; font-size: 40px; font-size: 4rem; color: #fff; text-transform: uppercase; }

.m-habt .box-title a { color: #fff; }

.m-habt .box-title a:hover { color: #d9251c; }

.m-habt .box-desc { margin-top: 20px; text-indent: 30px;line-height: 30px; max-height: 150px; font-size: 14px; font-size: 1.4rem; color: #999; overflow: hidden;}

.m-habt .box-link { margin-top: 32px; display: block; max-width: 136px; line-height: 34px; font-size: 12px; font-size: 1.2rem; color: #d9251c; text-align: center; border: 1px solid #d9251c; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-habt .box-link:hover { color: #fff; background-color: #d9251c; }

@media screen and (max-width: 959px) { .m-habt .box-video { float: none; margin-right: 0; width: 100%; max-width: 446px;height:220px;background-size:100% auto; } }

@media screen and (max-width: 767px) { .m-habt .box-title { font-size: 24px; font-size: 2.4rem; }
  .m-habt .box-desc a { line-height: 24px; max-height: 96px; }
  .m-habt .box-desc .box-link { margin-top: 20px; } }

.m-hnews { position: relative; overflow: hidden; margin-top: 41px; }

.m-hnews .box-title { position: absolute; z-index: 2; left: 0; top: 0; padding-top: 10px; font-family: "Microsoft Yahei", 微软雅黑; font-size: 40px; font-size: 4rem; color: #fff; text-transform: uppercase; }

.m-hnews .box-title a { color: #fff; }

.m-hnews .box-title a:hover { color: #d9251c; }

.m-hnews .box-bd { overflow: hidden; }

.m-hnews .box-list { width: 1000%; overflow: hidden; }

.m-hnews .list-item { float: left; width: 10%; overflow: hidden; padding-bottom: 25px; }

.m-hnews .item-pic { position: relative; float: right; margin-left: 9.58333%; width: 446px; border: 5px solid #fff; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.7); }

.m-hnews .item-text { padding-top: 113px; overflow: hidden; }

.m-hnews .item-title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #fff; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; }

.m-hnews .item-title a { color: #fff; }

.m-hnews .item-title a:hover { color: #d9251c; }

.m-hnews .item-time { margin-top: 16px; padding-left: 19px; line-height: 18px; font-size: 14px; font-size: 1.4rem; color: #666; background: url("time1.png") no-repeat left center; }

.m-hnews .item-desc { margin-top: 10px; text-indent: 30px; display: block; line-height: 30px; max-height: 60px; font-size: 14px; font-size: 1.4rem; color: #999; overflow: hidden;}

.m-hnews .item-link { margin-top: 22px; display: block; max-width: 136px; line-height: 34px; font-size: 12px; font-size: 1.2rem; color: #d9251c; text-align: center; border: 1px solid #d9251c; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hnews .item-link:hover { color: #fff; background-color: #d9251c; }

.m-hnews .box-btn { position: absolute; bottom: 0; z-index: 2; width: 21px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.m-hnews .box-btn.prev { right: 420px; background-image: url("jtl1.png"); }

.m-hnews .box-btn.prev:hover { background-image: url("jtl2.png"); }

.m-hnews .box-btn.next { right: 385px; background-image: url("jtr1.png"); }

.m-hnews .box-btn.next:hover { background-image: url("jtr2.png"); }

@media screen and (max-width: 959px) { .m-hnews .box-title { position: relative; margin-bottom: 20px; }
  .m-hnews .list-item { padding-bottom: 40px; }
  .m-hnews .item-pic { float: none; margin-left: 0; width: 100%; max-width: 446px; }
  .m-hnews .item-text { padding-top: 20px; }
  .m-hnews .box-btn.prev { right: 50%; margin-right: 10px; }
  .m-hnews .box-btn.next { left: 50%; right: auto; margin-left: 10px; } }

@media screen and (max-width: 767px) { .m-hnews .box-title { padding-top: 0; font-size: 24px; font-size: 2.4rem; } }

.m-hcert { padding-top: 60px; padding-bottom: 66px; background-color: #f2f2f2; }

.m-hcert .box-bd { position: relative; padding-left: 57px; padding-right: 57px; overflow: hidden; }

.m-hcert .box-btn { position: absolute; top: 50%; margin-top: -36px; width: 24px; height: 44px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-hcert .box-btn.prev { left: 0; background-image: url("jtl3.png"); }

.m-hcert .box-btn.prev:hover { background-image: url("jtl4.png"); }

.m-hcert .box-btn.next { right: 0; background-image: url("jtr3.png"); }

.m-hcert .box-btn.next:hover { background-image: url("jtr4.png"); }

.m-hcert .box-list { width: 1000%; overflow: hidden; }

.m-hcert .list-item { float: left; margin-right: 0.5709%; width: 2.05341%;      position: relative;}

.m-hcert .item-img { display: block; font-size: 0; overflow: hidden; }

.m-hcert .item-title { margin-top: 10px; height: 18px; line-height: 18px; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center; overflow: hidden; }

.m-hcert .item-title a { color: #333; }

.m-hcert .item-title a:hover { color: #d9251c; }

@media screen and (max-width: 767px) { .m-hcert { padding: 30px 0; }
  .m-hcert .list-item { margin-right: .2%; width: 3.1333%; } }

@media screen and (max-width: 480px) { .m-hcert { padding: 30px 0; }
  .m-hcert .box-bd { padding: 0 35px; }
  .m-hcert .box-btn { width: 16px; height: 31px; margin-top: -29px; }
  .m-hcert .list-item { width: 4.9%; } }

.m-hctus { padding-top: 61px; padding-bottom: 58px; background-color: #e8e8e8; }

.m-hctus .box-img { float: right; margin-left: 4px; width: 350px; margin-bottom: -3px; overflow: hidden; }

.m-hctus .img-item { float: left; margin-right: 2px; margin-bottom: 3px; width: 115px; font-size: 0; }

.m-hctus .box-form { margin-bottom: -15px; overflow: hidden; }

.m-hctus .box-fix1 { float: left; width: 44.08983%; }

.m-hctus .box-fix2 { float: right; width: 55.55556%; }

.m-hctus .form-item { float: left; margin-bottom: 13px; width: 100%; padding-left: 13px; font-size: 0; line-height: 0; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hctus .form-item.important { background: url("star1.png") no-repeat left 21px; }

.m-hctus .form-item2 { width: 39.14894% !important; }


.m-hctus .form-item3 { margin-left: 2.55319%; padding-left: 0; width: 22.97872%; height: 46px; line-height: 44px; text-align: center; border: 1px solid #fff; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.m-hctus .form-item3 img { max-height: 44px; vertical-align: middle; }

.m-hctus .form-item4 { float: right; padding-left: 0; width: 32.34043%; }

.m-hctus .form-text { width: 100%; height: 48px; line-height: 46px; padding-left: 29px; padding-right: 10px; font-size: 14px; font-size: 1.4rem; color: #999; border: 1px solid #ffffff; background-color: #ffffff; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hctus .form-text.name { background: #fff url("ficon1.png") no-repeat 6px 13px; }

.m-hctus .form-text.email { background: #fff url("ficon2.png") no-repeat 6px 13px; }

.m-hctus .form-text.tel { background: #fff url("ficon3.png") no-repeat 6px 13px; }

.m-hctus .form-text.country { background: #fff url("ficon4.png") no-repeat 6px 13px; }

.m-hctus .form-text.msg { background: #fff url("ficon5.png") no-repeat 6px 13px; }

.m-hctus .form-text2 { height: 169px; padding-top: 15px; line-height: 20px; }

.m-hctus .form-text3 { padding-left: 12px; }

.m-hctus .form-btn { width: 100%; height: 46px; font-size: 14px; font-size: 1.4rem; text-align: center; color: #fff; background-color: #d9251c; text-transform: uppercase; }

@media screen and (max-width: 959px) { .m-hctus .box-img { float: none; margin-left: 0; width: 100%; padding-left: 13px; -moz-box-sizing: border-box; box-sizing: border-box; }
  .m-hctus .img-item { float: left; margin-left: 1%; margin-right: 1%; width: 31.33%; text-align: center; background-color: #fff; }
  .m-hctus .box-form { margin-top: 25px; } }

@media screen and (max-width: 767px) { 
.m-hctus .form-item2 { width: 22.14894% !important; }
.m-hctus { padding: 30px 0; }
  .m-hctus .box-fix { float: none; width: 100%; } }

.g-ft { background-color: #000; overflow: hidden; }

.m-ftfix1 { height: 60px; background: url("bg3.png") no-repeat center; }

.m-ftshare { float: left; padding-top: 16px; font-size: 0; overflow: hidden; }

.m-ftshare .share-item { float: left; margin-right: 13px; display: block; width: 29px; }

.m-ftshare .share-item:hover { margin-top: -5px; }

.m-ftname { float: left; margin-left: 120px;padding-left:80px;width:820px;height:60px;line-height: 60px;overflow:hidden; font-size: 24px; font-size: 2.4rem; font-family: "Microsoft Yahei", 微软雅黑; color: #fff; text-transform: uppercase; text-align:right;}

.m-ftfix2 { padding-top: 25px; padding-bottom: 65px; background-color: #121212; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #bbb; }

.m-ftfix2 a { color: #bbb; }

.m-ftfix2 a:hover { color: #d9251c; }

.m-ftnav { margin-bottom: 30px; padding-bottom: 10px; text-align: center; font-size: 0; letter-spacing: 0; border-bottom: 1px solid #333; }

.m-ftnav .nav-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 24px; color: #fff; font-size: 16px; font-size: 1.6rem; }

.m-ftnav .nav-item a { color: #fff; }

.m-ftnav .nav-item a:hover { color: #d9251c; }

.m-ftnav .nav-item span { margin: 0 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.m-ftb { position: relative; float: left; min-height: 138px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-ftb:before { content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 128px; background-color: #333; }

.m-ftb1 { width: 24%; font-size: 0; padding-right: 20px; }

.m-ftb2 { padding-left: 5.16667%; padding-right: 20px; width: 29%; }

.m-ftb3 { padding-left: 5.16667%; padding-right: 20px; width: 32.5%; }

.m-ftb4 { float: right; width: 121px; }

.m-ftb4:before { display: none; }

.m-ftfix3 { padding-top: 6px; padding-bottom: 4px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #787878; text-align: center; background-color: #000; }



.m-ftfix3 a { color: #787878; }

.m-ftfix3 a:hover { color: #d9251c; }

.m-fttext img { vertical-align: middle; }

.m-ftlnk { margin-top: 4px; letter-spacing: 0; }

.m-ftlnk .list-item { margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; }

@media screen and (max-width: 959px) { .m-ftfix1, .m-ftfix2, .m-ftlnk { display: none; }
  .m-ftfix3 { padding: 0; text-align: center; }
  .g-ft { padding: 25px 0; } }
  
 @media screen and (max-width: 640px) { 
  .m-hctus .form-item4 {
     float: left; 
    padding-left: 0;
    width: 14.34043%;
    margin-left: 16px;
}

.m-hctus .form-item3{ width:17%; background: #f3fbfe;}

  
 }

.m-crm { background-color: #d9251c; }

.m-crm .box-wp { padding-left: 18px; padding-top: 5px; padding-bottom: 5px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; background: url("icon1.png") no-repeat left 14px; }

.m-crm a { color: #fff; }

.m-crm a:hover { color: #ccc; }

.m-crm a.active { color: #ccc; }

.m-oths { margin-top: 18px; }

.m-oths .oths-item { padding-left: 22px; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }

.m-oths .oths-item a { color: #666; }

.m-oths .oths-item a:hover { color: #d9251c; }

.m-oths .oths-item-1 { background-image: url("oths1.png"); }

.m-oths .oths-item-2 { background-image: url("oths2.png"); }

.m-oths a { color: #666666; }

.m-page { margin-top: 46px; letter-spacing: 0; font-size: 0; text-align: center; }
.list-page { margin-top: 46px; font-size:16px;text-align: center; }
.m-page a { margin: 0 5px; display: inline-block; *display: inline; *zoom: 1; width: 35px; height: 30px; line-height: 28px; font-size: 12px; font-size: 1.2rem; color: #333; text-align: center; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-page a.big { width: 61px; }

.m-page a:hover { color: #d9251c; border-color: #d9251c; }
.m-page .page {width:80px;display:inline;margin:0px;}
.m-page2 { position: relative; min-height: 30px; text-align: left; padding-right: 180px; }

.m-page2 .box-form { position: absolute; right: 0; bottom: 0; width: 172px; padding-right: 22px; -moz-box-sizing: border-box; box-sizing: border-box; background: url("page1.png") no-repeat right center; }

.m-page2 .form-btn { width: 100%; height: 30px; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #d9251c; }

@media screen and (max-width: 767px) { .m-page { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .m-page a { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
  .m-page2 { padding-right: 0; padding-bottom: 45px; text-align: center; }
  .m-page2 .box-form { left: 0; margin: 0 auto; } }

.m-kf1 { position: fixed; z-index: 10; right: 0; bottom: 350px; }

.m-kf1 .kf-item { display: block; line-height: 0; font-size: 0; background-color: #d8d8d8; }

.m-kf1 .kf-item:hover { background-color: #d9251c; }

.m-kf1 .kf-item.active { background-color: #d9251c; }

.m-kf1 .kf-wx { position: absolute; display: none; bottom: 0; right: 53px; width: 90px; }

.m-kf2 { position: fixed; right: 0; bottom: 125px; right: -145px; z-index: 10; width: 145px; padding-left: 25px; }

.m-kf2 .kf-btn { position: absolute; left: 0; top: 0; width: 25px; height: 100%; background: url("kfbtn.png") no-repeat left center; }

.m-kf2 .kf-fix { border: 1px solid #d9251c; }

.m-kf2 .kf-title { line-height: 32px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; background-color: #d9251c; }

.m-kf2 .kf-bd { padding-top: 14px; padding-bottom: 14px; padding-left: 13px; height: 140px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #eee; }

.m-kf2 .kf-item { margin-top: 11px; padding-left: 30px; padding-right: 2px; line-height: 18px; font-size: 12px; font-size: 1.2rem; color: #666; background-repeat: no-repeat; background-position: left center; min-height: 22px; word-break: break-all; }

.m-kf2 .kf-item a { color: #666; }

.m-kf2 .kf-item a:hover { color: #d9251c; }

.m-kf2 .kf-item:first-child { margin-top: 0; }

.m-kf2 .kf-item1 { background-image: url("kicon1.png"); }

.m-kf2 .kf-item2 { background-image: url("kicon2.png"); }

.m-kf2 .kf-item3 { background-image: url("kicon3.png"); }

.m-kf3 { position: fixed; *position: absolute; z-index: 10; right: 0; top: 20%; display: none; background-color: #ebebeb; }

.m-kf3 .list-item { position: relative; padding-top: 9px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; cursor: pointer; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-kf3 .list-item:first-child .item-line { display: none; }

.m-kf3 .list-item .img { position: absolute; top: 0; right: 100%; padding: 0 5px; width: 100px; height: 100px; display: none; background-color: #fff; }

.m-kf3 .item-pic { margin-left: auto; margin-right: auto; display: block; line-height: 0; font-size: 0; width: 49px; }

.m-kf3 .item-title { margin-top: 3px; font-size: 12px; font-size: 1.2rem; color: #000; text-align: center; }

.m-kf3 .item-title a { color: #000; }

.m-kf3 .item-line { position: absolute; left: 50%; top: 0; margin-left: -24px; display: block; width: 49px; height: 1px; background-color: #aaa; }

.m-kf3 .item-wx { position: absolute; right: 100%; top: 0; width: 150px; line-height: 0; font-size: 0; display: none; }

@media screen and (max-width: 959px) { .m-kf2, .m-kf1 { display: none; }
  .m-kf3 { top: auto; right: auto; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
  .m-kf3 .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }
  .m-kf3 .list-item .img { left: 0; top: auto; right: auto; bottom: 100%; }
  .m-kf3 .item-line { display: none; }
  .m-kf3 .item-wx { left: 0; right: auto; top: auto; bottom: 100%; }
  .g-ft { padding-bottom: 63px; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 30px; width: 46px; height: 46px; background: url("gotop.png") no-repeat center; background-color: #d9251c; border-radius: 50%; line-height: 0; font-size: 0; display: none; }

@media screen and (max-width: 959px) { .returntop { right: 0; bottom: 65px; width: 36px; height: 36px; } }

.m-wp { padding-top: 49px; padding-bottom: 99px; }

@media screen and (max-width: 767px) { .m-wp { padding-top: 30px; padding-bottom: 30px; } }

.m-newsl .item-top { position: relative; overflow: hidden; }

.m-newsl .item-time { position: absolute; bottom: 44px; left: 0; padding-left: 26px; width: 125px; height: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background: #d9251c url("time2.png") no-repeat 7px center; }

.m-newsl .item-title { margin-top: 10px; height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap; }

.m-newsl .item-title a { color: #333; }

.m-newsl .item-title a:hover { color: #000; }

.m-newsl .item-desc { margin-top: 6px; }

.m-newsl .nnnn { margin-top: 6px; text-indent: 30px;}

.m-newsl .item-desc a { display: block; height: 90px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-newsl .item-desc a:hover { color: #333; }

.m-newsl .item-link { margin-top: 13px; display: block; width: 115px; height: 40px; line-height: 38px; font-size: 14px; font-size: 1.4rem; color: #d9251c; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d9251c; border-radius: 5px; }

.m-newsl .item-link:hover { color: #fff; background-color: #d9251c; }

.m-newsl1 { margin-bottom: -31px; overflow: hidden; }

.m-newsl1 .list-item { float: left; margin-bottom: 71px; margin-right: 3.75%; width: 30.83333%; }

.m-newsl1 .item-top { position: relative; overflow: hidden; }

.m-newsl1 .item-time { position: absolute; bottom: 44px; left: 0; padding-left: 26px; width: 125px; height: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background: #d9251c url("time2.png") no-repeat 7px center; }

.m-newsl2 { overflow: hidden; }

.m-newsl2 .list-item { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #cccccc; overflow: hidden; }

.m-newsl2 .list-item:first-child { margin-top: 0; }

.m-newsl2 .item-top { position: relative; float: left; width: 300px; margin-right: 30px; overflow: hidden; }

.m-newsl2 .item-time { position: absolute; bottom: 0; left: 0; padding-left: 26px; width: 125px; height: 25px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background: #d9251c url("time2.png") no-repeat 7px center; }

.m-newsl2 .item-text { overflow: hidden; }

@media screen and (max-width: 767px) { .m-newsl .item-title { font-size: 14px; font-size: 1.4rem;margin-top:0px; }
  .m-newsl .item-desc a { height: 72px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-newsl1 { margin-bottom: -25px; }
  .m-newsl1 .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 31.33%; }
  .m-newsl1 .item-time { bottom: 10px; }
  .m-newsl2 .item-top { float: none; width: 100%; max-width: 300px; } }

@media screen and (max-width: 640px) { .m-newsl1 .list-item { width: 48%; } }

@media screen and (max-width: 320px) { .m-newsl1 .list-item { width: 98%; } }

.m-news .box-title { font-size: 22px; font-size: 2.2rem; color: #333; text-align: center; }

.m-news .box-info { margin-top: 15px; letter-spacing: 0; line-height: 26px; text-align: center; }

.box-time { margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; height: 26px; font-size: 14px; font-size: 1.4rem; color: #999; padding-left: 19px; background: url("time1.png") no-repeat left center; vertical-align: top; }

.m-news .box-share { display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; }

.m-news .share-title { margin-right: 5px; display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; font-size: 16px; font-size: 1.6rem; color: #999; }

.m-news .share-img { display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; }

.m-news .box-desc { margin-top: 10px; line-height: 30px; font-size: 14px; font-size: 1.4rem; padding-bottom: 25px; border-bottom: 1px dashed #aaa;text-align:left; }

.m-news .box-desc p { line-height: 30px; font-size: 14px; font-size: 1.4rem;}

.m-news .nnns p { line-height: 30px; font-size: 14px; font-size: 1.4rem;text-indent: 30px;}

.m-news .box-desc span { line-height: 30px; font-size: 14px; font-size: 1.4rem; }

.m-mlnk { margin-top: 44px; margin-left: auto; margin-right: auto; display: block; max-width: 225px; height: 50px; line-height: 50px; font-size: 18px; font-size: 1.8rem; color: #fff; background-color: #d9251c; text-align: center; border-radius: 5px; }

.m-mlnk:hover { color: #fff; }

@media screen and (max-width: 767px) { .m-mlnk { margin-top: 30px; height: 36px; line-height: 36px; font-size: 14px; font-size: 1.4rem; } }

.m-video { margin-bottom: -54px; overflow: hidden; }

.m-video .list-item { float: left; margin-right: 2.5%; margin-bottom: 54px; width: 31.66667%; overflow: hidden; }

.m-video .item-video { position: relative; padding-top: 212px; overflow: hidden; }

.m-video .item-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-video .item-title { padding: 17px 25px; background-color: #666; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-video .item-title a { display: block;  line-height: 16px; font-size: 14px; font-size: 1.4rem; color: #fff; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; }

.m-video .item-title a:hover { color: #fff; }

.m-video .item-title:hover { background-color: #d9251c; }

@media screen and (max-width: 640px) { .m-video { margin-bottom: -25px; }
  .m-video .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 48%; }
  .m-video .item-title { padding: 15px; } }

@media screen and (max-width: 320px) { .m-video .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } }

.m-faq { overflow: hidden; }

.m-faq .list-item { position: relative; padding-top: 35px; padding-left: 57px; background: url("icon2.png") no-repeat left 5px; overflow: hidden; }

.m-faq .list-item:before { content: ""; position: absolute; top: 35px; left: 12px; width: 1px; height: 100%; background-color: #d9251c; }

.m-faq .list-item:last-child:before { display: none; }

.m-faq .item-text { padding-left: 28px; padding-right: 28px; padding-top: 24px; padding-bottom: 30px; border: 1px solid #e9e9e9; border-radius: 8px; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-faq .item-title { padding-bottom: 10px; padding-left: 50px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #d9251c; border-bottom: 1px dashed #aaa; background: url("faq1.png") no-repeat left top; }

.m-faq .item-desc p{ margin-top: 10px; padding-left: 50px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; }

.m-faq .item-desc p:first-child{background: url("faq2.png") no-repeat left top; }

@media screen and (max-width: 767px) { .m-faq .list-item { padding-left: 35px; }
  .m-faq .item-text { padding: 15px; }
  .m-faq .item-title { padding-left: 40px; font-size: 16px; font-size: 1.6rem; }
  .m-faq .item-desc { padding-left: 40px; font-size: 14px; font-size: 1.4rem; } }

.m-mn { float: left; width: 100%; padding-left: 350px; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1219px) { .m-mn { padding-left: 300px; } }

@media screen and (max-width: 959px) { .m-mn { float: none; padding-left: 0; } }

.m-sd { float: left; margin-left: -100%; width: 300px; }

@media screen and (max-width: 1219px) { .m-sd { width: 250px; } }

@media screen and (max-width: 959px) { .m-sd { float: none; margin-left: 0; margin-top: 30px; width: 100%; } }

.m-sdtt a { text-align: center; display: block; height: 52px; line-height: 52px; background-color: #d9251c; color: #fff; font-size: 26px; font-size: 2.6rem; font-weight: bold; }

.m-sdtt a:hover { background-color: #d9251c; }

.m-sdnav { margin-bottom: 45px; overflow: hidden; border: 1px solid #c0c0c0; border-radius: 6px; }

.m-sdnav .sdnav-btn { position: relative; display: none; width: 100%; padding-top: 10px; padding-left: 15px; padding-right: 40px; padding-bottom: 10px; line-height: 25px; font-size: 18px; font-size: 1.8rem; color: white; text-transform: uppercase; background-color: #d9251c; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-sdnav .sdnav-btn > p { position: absolute; bottom: 12px; right: 15px; }

.m-sdnav .sdnav-btn > p span { margin-bottom: 2px; display: block; width: 25px; height: 4px; background-color: white; }

.m-sdnav .nav-item1 { background-color: #fff; }

.m-sdnav .nav-item1 > a { position: relative; display: block; padding-left: 42px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #333; font-weight: bold; background: url(sdnav1.png) no-repeat 8px 18px; background-color: #fff; border-bottom: 1px solid #d9251c; }

.m-sdnav .nav-item1 > a:hover { color: #d9251c; background-image: url("sdnav2.png"); }

.m-sdnav .nav-item1 > a.active { color: #d9251c; background-image: url("sdnav2.png"); border-bottom: 1px solid #d9251c; }

.m-sdnav .nav-item1:last-child > a { border-bottom: none; }

.m-sdnav .nav-item2 { background-color: #fff; }

.m-sdnav .nav-item2 > a { position: relative; display: block; padding-left: 42px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; line-height: 30px; font-size: 18px; font-size: 1.8rem; color: #333; font-weight: bold; background-color: #fff; border-bottom: 1px solid #d9251c; }

.m-sdnav .nav-item2 > a:hover { color: #d9251c; background-color: #fddedc; }

.m-sdnav .nav-item2 > a.active { color: #d9251c; background-color: #fddedc; }

.m-sdnav .nav-item2:last-child > a { border-bottom: none; }

.m-sdnav .sbnav-list { display: none; }

.m-sdnav .sbnav-list.show { display: block; }

.m-sdnav .sbnav-item { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; border-bottom: 1px solid #e1e1e1; }

.m-sdnav .sbnav-item a { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 60px; padding-right: 10px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; background: url("sdnav3.png") no-repeat 40px 22px; background-color: #f7f7f7; }

.m-sdnav .sbnav-item a:hover { color: #d9251c; background-image: url("sdnav4.png"); background-color: #ffedec; }

.m-sdnav .sbnav-item:last-child { border-bottom: none; }

.m-sdnav .sbnav-item:hover { border-color: #d9251c; }

@media screen and (max-width: 1219px) { .m-sdnav .nav-item > a { font-size: 16px; font-size: 1.6rem; }
  .m-sdnav .sbnav-item a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .m-sdnav { margin-bottom: 25px; }
  .m-sdnav .nav-name { display: none; }
  .m-sdnav .sdnav-btn { display: block; }
  .m-sdnav .nav-list { display: none; }
  .m-sdtt a { font-size: 18px; font-size: 1.8rem; font-weight: normal; } }

.m-sdnews { background-color: #f5f5f5; border-radius: 6px; overflow: hidden; }

.m-sdnews .box-list { padding-left: 23px; padding-right: 23px; padding-top: 16px; padding-bottom: 25px; }

.m-sdnews .list-item { position: relative; padding-bottom: 10px;margin-bottom:10px; border-bottom: 1px solid #cccccc; }

.m-sdnews .item-fix1 { position: absolute; left: -15px; top: 10px; padding: 5px 0; width: 100px; background-color: #666; text-align: center; }

.m-sdnews .item-fix2 { float: left; width: 50%; line-height: 46px; font-size: 30px; font-size: 3rem; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; }

.m-sdnews .item-fix3 { float: left; width: 50%; }

.m-sdnews .item-fix3 span { display: block; line-height: 23px; font-size: 14px; font-size: 1.4rem; color: #fff; }

.m-sdnews .item-text { margin-top: 5px; }

.m-sdnews .item-title { height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-sdnews .item-title a { color: #333; }

.m-sdnews .item-title a:hover { color: #d9251c; }

.m-sdnews .item-desc a {text-indent:2em; display: block; max-height: 52px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #666; }

.m-sdnews .item-time { margin-top: 2px; text-align: right; }

.m-sdnews .item-time span { display: inline-block; *display: inline; *zoom: 1; line-height: 16px; font-size: 14px; font-size: 1.4rem; color: #999; padding-left: 19px; background: url("time3.png") no-repeat left center; }

.m-prol { margin-bottom: -45px; overflow: hidden; }

.m-prol .list-item { float: left; margin-right: 2.35294%; margin-bottom: 45px; width: 31.76471%;height:230px;overflow:hidden;position:relative;}

.m-prol .item-text {position:absolute;bottom:0px;left:0px;height:40px;width:100%; overflow: hidden;}

.m-prol .item-title a { display: block; height: 40px; line-height: 40px; padding: 0 5px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #666; }

.m-prol .item-title a:hover { color: #fff; background-color: #d9251c; }

.m-prol .item-link { margin-top: 18px; text-align: center; line-height: 40px; letter-spacing: 0; }

.m-prol .item-link a { display: inline-block; *display: inline; *zoom: 1; width: 115px; height: 40px; line-height: 38px; border-radius: 5px; font-size: 14px; font-size: 1.4rem; color: #d9251c; border: 1px solid #d9251c; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-prol .item-link a:hover { color: #fff; background-color: #d9251c; }

.m-prol .item-link input { margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

@media screen and (max-width: 767px) { .m-prol { margin-bottom: -25px; }
  .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 31.333%; } }

@media screen and (max-width: 640px) { .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; }
  .m-prol .item-link { line-height: 36px; }
  .m-prol .item-link a { width: 85px; height: 36px; line-height: 34px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 320px) { .m-prol .list-item { margin-left: 0; margin-right: 0 !important; width: 100%; } }

.m-sdpro { border: solid 1px #c0c0c0; border-radius: 6px; overflow: hidden; }

.m-sdpro .box-list { margin-bottom: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 25px; padding-top: 18px; overflow: hidden; }

.m-sdpro .list-item { float: none; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 35px; width: 100%; }

.m-sdpro .list-item:first-child { margin-top: 0; }

@media screen and (max-width: 959px) { .m-sdpro .box-list { margin-bottom: -25px; }
  .m-sdpro .list-item { float: left; margin-top: 0; margin-left: 1%; margin-right: 1%; margin-bottom: 25px; width: 48%; } }

.m-prob1 .box-pic { width: 400px; }

.m-prob1 .box-pic-big { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; }

.m-prob1 .box-pic-big-img { display: block; line-height: 0; font-size: 0; }

.m-prob1 .box-pic-big-img .zoomPad { float: none; z-index: 8;}
.m-prob1 .box-pic-big-img .zoomPad .img {max-width:398px;max-height:298px;}

.m-prob1 .zoomWrapperImage img { max-width: 1200px; }

.m-prob1 .box-pic-small { position: relative; margin-top: 25px; padding-left: 20px; padding-right: 20px; overflow: hidden; }

.m-prob1 .box-pic-btn { position: absolute; top: 0; display: block; width: 15px; height: 100%; background-repeat: no-repeat; background-position: center; }

.m-prob1 .box-pic-btn.prev { left: 0; background-image: url("jtl5.png"); }

.m-prob1 .box-pic-btn.prev:hover { background-image: url("jtl6.png"); }

.m-prob1 .box-pic-btn.next { right: 0; background-image: url("jtr5.png"); }

.m-prob1 .box-pic-btn.next:hover { background-image: url("jtr6.png"); }

.m-prob1 .box-pic-list { overflow: hidden; }

.m-prob1 .box-pic-list ul { width: 1000%; overflow: hidden; }

.m-prob1 .box-pic-list ul li { position: relative; float: left; margin-right: 0.19444%; width: 2.33333%; }

.m-prob1 .box-pic-item .item-pic { border: 1px solid #cccccc; overflow: hidden; }

.m-prob1 .box-pic-item .item-pic:hover { border-color: #d9251c; }

.m-prob1 .box-pic-item .item-pic:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.m-prob1 .box-pic-item .item-pic.active { border-color: #d9251c; }

.m-prob1 .box-info { float: right; width: 440px; }

.m-prob1 .box-fix1 { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f6f6f6; }

.m-prob1 .box-title { padding-top: 11px; padding-bottom: 11px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #333; border-bottom: 1px solid #dfdfdf; }




.box-fix1 table{ width:100%; border-collapse:collapse; line-height:22px; }
.box-fix1 table tr td{ padding:3px; }


.m-prob1 .box-msg { margin-top: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; }

.m-prob1 .box-table { margin-top: 13px; }

.m-prob1 .table-wp { display: table; width: 100%; max-width: 480px; }

.m-prob1 .table-row { display: table-row; }

.m-prob1 .table-cell { display: table-cell; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; }

.m-prob1 .table-cell span { font-weight: bold; }

.m-prob1 .box-share { margin-top: 30px; line-height: 26px; letter-spacing: 0; }

.m-prob1 .box-share .share-title { font-size: 14px; font-size: 1.4rem; color: #808080; }

.m-prob1 .box-share .share-img { margin-left: 12px; display: inline-block; *display: inline; *zoom: 1; height: 26px; vertical-align: top; }

.m-prob1 .box-link {margin-top: 41px; margin-bottom: -20px; padding-left: 19px; line-height:31px;}

.m-prob1 .box-link a {font-size: 14px; font-size: 1.4rem; color: #808080;}

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .m-prob1 .box-pic { float: none; margin: 0 auto; }
  .m-prob1 .box-info { margin-top: 20px; width: 100%; height: auto; }
  .m-prob1 .box-info-link a { width: 100%; } }

@media screen and (max-width: 767px) { .m-prob1 .box-pic { width: 100%; }
  .m-prob1 .box-pic-big { display: none; }
  .m-prob1 .box-pic-small { margin-top: 0; }
  .m-prob1 .box-pic-list ul li { margin-right: .2%; width: 4.9%; }
  .m-prob1 .box-pic-item .item-pic:before { display: none !important; }
  .m-prob1 .box-info-link { margin-top: 20px; }
  .m-prob1 .box-info-title { padding: 10px 0; font-size: 20px; font-size: 2rem; }
  .m-prob1 .box-share { margin-top: 20px; } }

@media screen and (max-width: 480px) { .m-prob1 .box-table { max-width: 400px; overflow-x: scroll; }
  .m-prob1 .table-wp { width: 480px; } }

.m-proct { margin-top: 41px; }

.m-proct .box-item { margin-top: 25px; }

.m-proct .box-item:first-child { margin-top: 0; }

.m-proct .box-title { margin-bottom: 25px; height: 46px; line-height: 46px; text-indent: 12px; font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #fff; background: url("bg4.png") no-repeat left top; }

.m-proct .box-title a { color: #fff; }

.m-proct .box-title a:hover { color: #fff; }

.m-mnav1 { margin-bottom: 100px; overflow: hidden; background: url("bg5.png") repeat-x left 50px; }

.m-mnav1 .box-list { font-size: 0; letter-spacing: 0; text-align: center; overflow: hidden; }

.m-mnav1 .list-item { margin: 0 4.58333%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 133px; padding: 0 15px; background-color: #fff; }

.m-mnav1 .item-icon { display: block; margin: 0 auto; width: 110px; height: 110px; background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; }

.m-mnav1 .item-icon1 { background-image: url("mnav1.png"); }

.m-mnav1 .item-icon1:hover { background-image: url("mnav4.png"); }

.m-mnav1 .item-icon1.active { background-image: url("mnav4.png"); }

.m-mnav1 .item-icon2 { background-image: url("mnav2.png"); }

.m-mnav1 .item-icon2:hover { background-image: url("mnav5.png"); }

.m-mnav1 .item-icon2.active { background-image: url("mnav5.png"); }

.m-mnav1 .item-icon3 { background-image: url("mnav3.png"); }

.m-mnav1 .item-icon3:hover { background-image: url("mnav6.png"); }

.m-mnav1 .item-icon3.active { background-image: url("mnav6.png"); }

.m-mnav1 .item-title { margin-top: 10px; line-height: 24px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #333; }

.m-mnav1 .item-title a { color: #333; }

.m-mnav1 .item-title a:hover { color: #d9251c; }

@media screen and (max-width: 959px) { .m-mnav1 .list-item { margin: 0 1%; width: 23%; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
  .m-mnav1 .item-title { font-size: 14px; font-size: 1.4rem; font-weight: normal; } }

@media screen and (max-width: 640px) { .m-mnav1 { margin-bottom: 30px; background: none; }
  .m-mnav1 .box-list { margin-bottom: -10px; }
  .m-mnav1 .list-item { margin-bottom: 10px; width: 31%; }
  .m-mnav1 .item-icon { width: 80px; height: 80px; background-size: cover; }
  .m-mnav1 .item-title { margin-top: 10px; } }

.m-abtb1 { position: relative; }

.m-abtb1 .box-fix1 { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; max-width: 802px; }

.m-abtb1 .box-name { position: absolute; left: 0; bottom: 30px; width: 100%; max-width: 576px; line-height: 48px; padding: 0 14px; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.7); }

.m-abtb1 .box-fix2 { position: relative; z-index: 2; top: -13px; float: right; width: 462px; }

.m-abtb1 .box-title { font-size: 60px; font-size: 6rem; color: #333; text-align: right; text-transform: uppercase; }

.m-abtb1 .box-text { padding: 18px 25px; background-color: #666;min-height: 338px; }

.m-abtb1 .box-desc { line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #fff; }

.m-abtb1 .box-desc p { min-height: 26px; text-indent: 30px;}

.m-abtb1 .box-icon { margin-top: 23px; }

@media screen and (max-width: 959px) { .m-abtb1 .box-fix1 { position: relative; }
  .m-abtb1 .box-fix2 { margin-top: 20px; width: 100%; }
  .m-abtb1 .box-text { min-height: 0px; }
  .m-abtb1 .box-title { text-align: left; }
  .m-abtb1 .box-icon { display: none; } }

@media screen and (max-width: 767px) { .m-abtb1 .box-name { position: relative; bottom: 0; margin-top: 15px; font-size: 16px; font-size: 1.6rem; }
  .m-abtb1 .box-title { margin: 15px 0; font-size: 24px; font-size: 2.4rem; }
  .m-abtb1 .box-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-abtb1 .box-desc p { min-height: 10px; } }

.m-abtb2 { position: relative; margin-top: 33px; min-height: 437px; }

.m-abtb2 .box-img { position: absolute; right: 0; top: 33px; width: 674px; }

.m-abtb2 .box-img:before { content: ""; position: absolute; left: 23px; top: 25px; z-index: 3; width: 629px; height: 354px; border: 1px solid #fff; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-abtb2 .box-text { position: relative; z-index: 2; max-width: 48.08333%; padding-left: 29px; padding-right: 52px; padding-top: 30px; padding-bottom: 25px; background-color: #666; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-abtb2 .box-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #fff; }

.m-abtb2 .box-desc { margin-top: 11px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #fff; }

.m-abtb2 .box-desc p { min-height: 26px; text-indent: 30px;}

@media screen and (max-width: 959px) { .m-abtb2 .box-img { position: relative; top: 0; width: 100%; }
  .m-abtb2 .box-img:before { display: none; }
  .m-abtb2 .box-text { float: none; margin-top: 25px; max-width: 100%; } }

.m-abtb3 { margin-top: 40px; overflow: hidden; }

.m-abtb3 .box-img { width: 48.33333%; font-size: 0; }

@media screen and (max-width: 480px) { .m-abtb3 { margin-top: 30px; margin-bottom: -20px; }
  .m-abtb3 .box-img { float: none; margin-bottom: 20px; width: 100%; } }

.m-imgshow { padding-top: 10px; overflow: hidden; }

.m-imgshow .box-wp { position: relative; margin: 0 auto; max-width: 986px; padding: 0 60px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-imgshow .box-big { position: relative; margin: 0 auto; padding: 9px; background-color: #ffffff; box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.35); -moz-box-sizing: border-box; box-sizing: border-box; }

.m-imgshow .box-big div { position: relative; }

.m-imgshow .box-big .img { line-height: 0; font-size: 0; text-align: center; }

.m-imgshow .box-big .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 5px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-imgshow .box-small { margin-top: 12px; margin-left: auto; margin-right: auto; }

.m-imgshow .box-btn { position: absolute; top: 50%; margin-top: -78px; display: block; width: 24px; height: 45px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

.m-imgshow .box-btn.prev { left: 0; background-image: url("jtl7.png"); }

.m-imgshow .box-btn.prev:hover { background-image: url("jtl7.png"); }

.m-imgshow .box-btn.next { right: 0; background-image: url("jtr7.png"); }

.m-imgshow .box-btn.next:hover { background-image: url("jtr7.png"); }

.m-imgshow .box-list { padding-top: 10px; overflow: hidden; }

.m-imgshow .box-list ul { width: 1000%; }

.m-imgshow .box-list ul li { float: left; margin-right: 0.23095%; width: 2.30947%; }

.m-imgshow .list-item { position: relative; border: 3px solid transparent; }

.m-imgshow .list-item.active { border-color: #333; }

.m-imgshow .list-item.active:before { content: ""; position: absolute; left: 0; bottom: 100%; right: 0; width: 0; height: 0; margin: 0 auto; border-bottom: 9px solid #333333; border-left: 8px solid transparent; border-right: 8px solid transparent; }

@media screen and (max-width: 767px) { .m-imgshow { margin-top: 30px; }
  .m-imgshow .box-wp { padding: 0 35px; }
  .m-imgshow .box-big { display: none; }
  .m-imgshow .box-small { margin-top: 0; }
  .m-imgshow .box-list { padding-top: 0; }
  .m-imgshow .box-list ul li { margin-right: .2%; width: 3.2333%; }
  .m-imgshow .box-btn { margin-top: -17px; width: 18px; height: 34px; }
  .m-imgshow .list-item { border: none; } }

@media screen and (max-width: 480px) { .m-imgshow .box-list ul li { margin-right: .2%; width: 4.8%; } }

.m-cert { margin-bottom: -30px; overflow: hidden; }

.m-cert .list-item { float: left; margin-right: 2.16667%; margin-bottom: 30px; width: 23.33333%; }

.m-cert .item-top { position: relative; overflow: hidden; border: 1px solid #d9251c; }

.m-cert .item-top:hover .item-modal { top: 0; }

.m-cert .item-modal { position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 100%; background: url("fd1.png") no-repeat center; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 959px) { .m-cert .item-modal { top: 0; background: none; } }





.c-oh .list-item .item-modal { position: absolute;  left: 36%;; top: 100%; display: block; width: 100%; height: 100%;  }
.list-item:hover .item-modal{top: 35%;}
.juse{    color: #d9251c !important;
    background-image: url(sdnav4.png);
    background-color: #ffedec !important;}


@media screen and (max-width: 959px) { .c-oh .item-modal { top: 35%;  } }



@media screen and (max-width: 640px) { .m-cert { margin-bottom: 25px; }
  .m-cert .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 25px; width: 48%; } }

.m-projl { overflow: hidden; }

.m-projl .list-item { margin-top: 45px; overflow: hidden; }

.m-projl .list-item:first-child { margin-top: 0; }

.m-projl .item-pic { float: left; width: 400px; }

.m-projl .item-fix { padding-top: 25px; padding-bottom: 20px; padding-left: 38px; padding-right: 38px; height: 300px; border: 1px solid #c0c0c0; border-left: none; background-color: #fafafa; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.m-projl .item-fix:hover { border-color: #d9251c; }

.m-projl .item-title { height: 24px; line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; text-overflow: ellipsis; white-space: nowrap; }

.m-projl .item-title a { color: #333; }

.m-projl .item-title a:hover { color: #d9251c; }

.m-projl .item-table { margin-top: 5px; overflow: hidden; }

.m-projl .table-wp { display: table; width: 100%; }

.m-projl .table-row { display: table-row; }

.m-projl .table-cell {  display: table-cell; line-height: 28px; font-size: 14px; font-size: 1.4rem; color: #666; padding-top: 8px; padding-bottom: 8px; width: 70px;}
/*.aaaa{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}*/
.m-projl .table-cell a{ color:#666;}

.m-projl .table-cell img { margin-right: 18px; vertical-align: middle; }

@media screen and (max-width: 1219px) { .m-projl .item-pic { float: none; width: 100%; text-align: center; }
  .m-projl .item-fix { margin-top: 20px; border: 1px solid #d9251c; } }

@media screen and (max-width: 767px) { .m-projl .list-item { margin-top: 25px; }
  .m-projl .item-fix { padding: 15px; height: auto; }
  .m-projl .item-table { overflow-x: scroll; }
  .m-projl .table-wp { width: 373px; } }

.m-down { overflow: hidden; }

.m-down .list-item { overflow: hidden; }

.m-down .list-item1 { line-height: 46px; font-size: 16px; font-size: 1.6rem; color: #333; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fddedc; }

.m-down .item-fix1 { float: left; width: 100%; text-indent: 25px; padding-right: 290px; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-down .item-fix2 { float: left; margin-left: -286px; width: 135px; }

.m-down .item-fix3 { float: left; width: 149px; margin-left: -149px; text-align: center; }

.m-down .list-item2 { margin-top: 30px; padding-bottom: 21px; border-bottom: 1px solid #e8e8e8; }

.m-down .item-title { text-indent: 25px; height: 36px; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-down .item-time { line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666; }

.m-down .item-link a { display: block; width: 100%; height: 36px; line-height: 34px; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d9251c; border-radius: 19px; font-size: 16px; font-size: 1.6rem; color: #d9251c; text-align: left; text-indent: 55px; background: url("down2.png") no-repeat 18px center; }

.m-down .item-link a:hover { color: #fff; background-image: url("down1.png"); background-color: #d9251c; }

@media screen and (max-width: 640px) { .m-down .list-item1 { display: none; }
  .m-down .item-fix1 { float: none; padding-right: 0; text-indent: 0; }
  .m-down .item-fix2 { float: none; margin-left: 0; }
  .m-down .item-fix3 { float: none; margin-top: 5px; margin-left: 0; } }

.down-modal { position: fixed; z-index: 10; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: #000; background: rgba(0, 0, 0, 0.5); }

.down-modal.show { display: block; }

.down-modal-box { position: absolute; top: 50%; left: 0; right: 0; margin-top: -114px; margin-left: auto; margin-right: auto; width: 100%; max-width: 638px; height: 225px; background-color: white; border-radius: 10px; overflow: hidden; }

.down-modal-hd { padding: 25px 19px; line-height: 32px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; font-weight: bold; background-color: #d9251c; }

.down-modal-hd a { position: absolute; right: 16px; top: 16px; display: block; width: 11px; height: 11px; background: url("close1.png") no-repeat center; background-size: 100% 100%; }

.down-modal-form { position: relative; margin-top: 23px; margin-left: 24px; margin-right: 24px; padding-right: 128px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }

.down-modal-form .form-text { float: left; display: block; width: 100%; padding: 0 5px; height: 46px; line-height: 46px; font-size: 14px; font-size: 1.4rem; color: #333; -moz-box-sizing: border-box; box-sizing: border-box; }

.down-modal-form .form-btn { position: absolute; right: 0; top: 0; display: block; width: 128px; height: 46px; background-color: #d9251c; font-size: 20px; font-size: 2rem; color: white; }

.down-modal-text { margin-top: 7px; margin-left: 24px; margin-right: 24px; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #333333; }

.down-modal-text a { color: #d9251c; }

.down-modal-text span { color: #d9251c; }

@media screen and (max-width: 767px) { .down-modal-box { margin-top: 0; width: 80%; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .down-modal-hd { padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 10px; font-size: 16px; font-size: 1.6rem; }
  .down-modal-hd a { right: 5px; top: 5px; }
  .down-modal-form { margin-top: 10px; margin-left: 10px; margin-right: 10px; padding-right: 0; }
  .down-modal-form .form-text { height: 30px; }
  .down-modal-form .form-btn { position: relative; right: auto; top: auto; width: 100%; height: 30px; font-size: 14px; font-size: 1.4rem; }
  .down-modal-text { margin-left: 10px; margin-right: 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.m-ctusb .love { text-align: center; font-size: 24px; font-size: 2.4rem; color: #000000; }

.m-ctusb .coxin { margin-top: 43px; font-family: "Microsoft Yahei", 微软雅黑; }

.m-ctusb .coxin input, .m-ctusb .coxin textarea { font-size: 14px; font-size: 1.4rem; color: #999; }

.m-ctusb .coxin .int1 { padding-left: 18px; background: url(xing.jpg) no-repeat left 14px; background: url(xing.jpg) no-repeat left 57px\0; }

.m-ctusb .coxin .tell {float: left;margin-left: 90px;padding-left: 20px; background: url(xing.jpg) no-repeat left 14px!important; background: url(xing.jpg) no-repeat left 57px\0; }

.m-ctusb .coxin .tell input{margin-left: 0px!important; }

.m-ctusb .mat4 { margin-top: 21px; }

.m-ctusb .coxin .int1 input { width: 308px; height: 32px; line-height: 32px; border: 1px solid #cccccc; float: left; padding-left: 11px; margin-left: 105px; }
.m-ctusb .coxin .int1 .country{margin-left: 0px;float: left;}
.m-ctusb .coxin .int2 { padding-left: 18px; background: url(xing.jpg) no-repeat left 6px; margin-top: 21px; }

.m-ctusb .coxin .int2 textarea { width: 1168px; height: 131px; line-height: 30px; border: 1px solid #cccccc; padding-left: 11px; }

.m-ctusb .coxin .int3 { padding-left: 18px; background: url(xing.jpg) no-repeat left 14px; margin-top: 21px; float: left; }

.m-ctusb .coxin .int3 input { width: 363px; height: 32px; line-height: 32px; border: 1px solid #cccccc; padding-left: 11px; }

.m-ctusb .coxin .yanzheng { width: 122px; height: 36px; float: left; margin-left: 49px; margin-top: 21px; cursor: pointer; }

.m-ctusb .coxin .int4 { width: 323px; height: 34px; float: right; margin-top: 21px; background: #d9251c; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; cursor: pointer; }

.m-ctusb .coxin .int4:hover { background: #333; }

.m-ctusb .xuanze select { width: 321px; font-family: "Microsoft Yahei", 微软雅黑; cursor: pointer; height: 34px; line-height: 34px; height: 34px\0; line-height: 34px\0; padding-left: 5px; border: 1px solid #cccccc; color: #999999; font-size: 14px; font-size: 1.4rem; }

.m-ctusb .xuanze select option { line-height: 34px; height: 34px\0; }

.m-ctusb .xuanze { padding-left: 21px; background: url(xing.jpg) no-repeat left 14px; float: left; margin-left: 84px; }

.m-ctusb .maln { margin-left: auto !important; }

.m-ctusb .mat4 { margin-top: 21px; }

.m-ctusb .con { padding-top: 87px; padding-bottom: 161px; margin-top: 68px; margin-bottom: 26px; background: url("map.png") no-repeat center top; }

.m-ctusb .colie { float: left; text-align: center; }

.m-ctusb .codianhua { width: 162px; float: left; }

.m-ctusb .coshouji { width: 200px; float: left; margin-left: 38px; }

.m-ctusb .coxinfeng { width: 216px; float: left; margin-left: 3px; }

.m-ctusb .cochuanzhen { width: 174px; float: left; margin-left: 30px; }

.m-ctusb .codingwei { width: 115px; margin-left: 80px; text-align: center; }

.m-ctusb .srtrl { width: 108px; float: right; }

.m-ctusb .cotu { display: block; }

.m-ctusb .cotu img { width: 79px; height: 79px; }

.m-ctusb .colie p { margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; line-height: 28px; color: #d9251c; margin-top: 16px; text-transform: uppercase; }

.m-ctusb .colie li { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #000000; overflow: hidden; }
.m-ctusb .colie .nono{width: 159px;}
.m-ctusb .colie li a { color: #000000; }

.m-ctusb .colie li a:hover { color: #d9251c; }

.m-ctusb .codingwei li { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #000000; }

.m-ctusb .ditu img { width: 100%; max-width: 1200px; max-height: 415px; }

.m-ctusb .ditu { margin-top: 62px; }

@media screen and (min-width: 1219px) { .m-ctusb .lxfs li.no_margin { margin-left: 29px !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .m-ctusb .col { width: 440px; float: left; padding-top: 12px; }
  .m-ctusb .cor { width: 520px; float: right; margin-top: 61px; }
  .m-ctusb .coxin .int1 input { width: 275px; margin-left: 25px; }
  .m-ctusb .coxin .int2 textarea { width: 950px; }
  .m-ctusb .xuanze { margin-left: 5px; }
  .tell { margin-left: 5px!important; }
  .m-ctusb .xuanze select { width: 304px; }
  .m-ctusb .lxfs li { margin-left: 110px; } }

@media screen and (max-width: 999px) { .m-ctusb .cobiao { line-height: 30px; }
  .m-ctusb .col { width: 100%; float: none; padding-top: 12px; }
  .m-ctusb .cor { width: 100%; float: none; margin: auto; margin-top: 61px; max-width: 561px; }
  .m-ctusb .coxin { margin-top: 30px; }
  .m-ctusb .coxin .int1 input { width: 290px; margin-left: 25px; }
  .m-ctusb .coxin .tell input { width: 290px; margin-left: 25px; }
  .m-ctusb .coxin .int2 textarea { width: 950px; }
  .m-ctusb .coxin .int1, .m-ctusb .coxin .int2 { margin-top: auto; }
  .m-ctusb .coxin .int1 input { width: 92%; float: none; margin-left: auto; margin-bottom: 21px; }
  .m-ctusb .coxin .tell input { width: 92%; float: none; margin-left: auto; margin-bottom: 21px; }
  .m-ctusb .coxin .int2 textarea { width: 92%; }
  .m-ctusb .coxin .int3 { float: none; }
  .m-ctusb .coxin .int3 input { width: 92%; }
  .m-ctusb .coxin .yanzheng { margin-left: 18px; }
  .m-ctusb .coxin .int4 { width: 40%; float: left; margin-left: 11px; }
  .m-ctusb .xuanze { margin-left: 0; position: relative; left: -18px; padding-left: 18px; width: 94%; margin-bottom: 21px; }
  
  .tell { margin-left: 0!important; position: relative; left: -18px; padding-left: 18px; width: 94%; margin-bottom: 21px; }
  .m-ctusb .xuanze select { width: 99%; cursor: pointer; }
  .m-ctusb .xuanze select option { cursor: pointer; }
  .m-ctusb .lxfs li { width: 31.3333%; margin: 0 1%; }
  .m-ctusb .lxfs { padding-top: 40px; }
  .m-ctusb .ditu { margin-top: 40px; }
  .m-ctusb .contact { padding-bottom: 35px; } }

@media screen and (max-width: 800px) { .m-ctusb .lxfs li { width: 100%; margin: 0; margin-bottom: 20px; }
  .m-ctusb .love { font-size: 20px; font-size: 2rem; }
  .m-ctusb .xuanze select { width: 100%; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .m-ctusb .codianhua { width: 150px; float: left; }
  .m-ctusb .coshouji { width: 150px; float: left; margin-left: 16px; }
  .m-ctusb .coxinfeng { width: 204px; float: left; margin-left: 16px; }
  .m-ctusb .cochuanzhen { width: 150px; float: left; margin-left: 16px; }
  .m-ctusb .codingwei { width: 100px; margin-left: 23px; }
  .m-ctusb .codingwei { width: 100px; } }

@media screen and (max-width: 999px) { .m-ctusb .comain { background-attachment: fixed; }
  .m-ctusb .con { margin-top: 25px; margin-bottom: 25px; width: auto; padding: 0; background: none; font-size: 0; letter-spacing: 0; background: none; }
  .m-ctusb .cubiao p { width: auto; }
  .m-ctusb .colie { width: 33% !important; margin-left: auto; float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: auto; min-height: 171px; margin-bottom: 10px; }
  .m-ctusb .colie li { font-size: 12px; font-size: 1.2rem; text-align: center; }
  .m-ctusb .cotr { width: 100%; }
  .m-ctusb .cotr ul { float: left; margin-left: 15px; } }

@media screen and (max-width: 640px) { .m-ctusb .contact { margin-top: 90px; }
  .m-ctusb .xuanze { width: 100%; }.tell { width: 100%; } }

@media screen and (max-width: 639px) { .m-ctusb .xinl { width: 100%; }
  .m-ctusb .xinr { width: 100%; }
  .m-ctusb .cuxin .int1 input { width: 90%; }
  .m-ctusb .cuxin textarea { width: 90%; }
  .m-ctusb .cuxin .int4 { width: 25%; }
  .m-ctusb .colie { width: 50% !important; }
  .m-ctusb .colie { min-height: auto; } }

@media screen and (max-width: 419px) { .m-ctusb .cul ul { width: 97%; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 20px; } }

@media screen and (max-width: 320px) { .m-ctusb .xuanze { width: 97%; }.tell { width: 97%; } }

/*# sourceMappingURL=style.css.map */

.listcart{ width:100%; margin-top:10px;}
.listcart a{ display:inline-block;height: 30px; width:150px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #153371;cursor: pointer;  border:1px solid #006FBC; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#006FBC solid 1px; background:#006FBC; color:#fff}
@media screen and (max-width:999px){
.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%; margin-top:2rem }
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}


/*小图标样式*/
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}


.form1{margin-top: 1px;float: left;width: 470px;}
@media screen and (max-width:959px){
.form1{width: 415px;}
}
@media screen and (min-width:960px) and (max-width: 1219px){
.form1{width: 330px;}
}

.res{margin-top: 25px;} 
.m-cn{float: left;display: block;margin-right: 30px;padding-top: 3px;}
.ppp{line-height: 50px;}